<%--
  Created by IntelliJ IDEA.
  User: improve
  Date: 2019/9/20
  Time: 17:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">

<head>
    <!-- meta data -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <!--font-family-->
    <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&amp;subset=devanagari,latin-ext"
          rel="stylesheet">

    <!-- title of site -->
    <title>Sign up</title>

    <!-- For favicon png -->
    <link rel="shortcut icon" type="image/icon" href="assets/logo/favicon.png"/>

    <!--font-awesome.min.css-->
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">

    <!--animate.css-->
    <link rel="stylesheet" href="assets/css/animate.css">

    <!--bootstrap.min.css-->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">

    <!-- bootsnav -->
    <link rel="stylesheet" href="assets/css/bootsnav.css">

    <!--style.css-->
    <link rel="stylesheet" href="assets/css/style.css">

    <!--responsive.css-->
    <link rel="stylesheet" href="assets/css/responsive.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <meta content="MSHTML 6.00.2600.0" name=GENERATOR>
    <script>
        // 判断是登录账号和密码是否为空
        function check() {
            var user_code = $("#usercode").val();
            var user_password = $("#password").val();
            if (user_code == "" || user_password == "") {
                $("#message").text("账号或密码不能为空！");
                return false;
            }
            return true;
        }

        // $(function(){
        //     var regBtn = $("#styled-checkbox-2");
        //     $("#regText").change(function(){
        //         var that = $(this);
        //         that.prop("checked",that.prop("checked"));
        //         if(that.prop("checked")){
        //             regBtn.prop("disabled",false)
        //         }else{
        //             regBtn.prop("disabled",true)
        //         }
        //     });
        // })
        function disable() {
            document.getElementById("accept").disabled = true
        }

        function enable() {
            document.getElementById("accept").disabled = false
        }
    </script>
</head>

<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade
    your browser</a> to improve your experience and security.</p>
<![endif]-->

<!-- signin end -->
<section class="signin signup">
    <div class="container">

        <div class="sign-content">
            <h2>sign up</h2>
            <span id="message">${msg}</span>
            <div class="row">
                <div class="col-sm-12">
                    <div class="signin-form">
                        <form action="${pageContext.request.contextPath }/signup.action " method="post"
                              onsubmit="return check()">

                            <div class="form-col">
                                <div class="form-group">
                                    <label for="signin_form">first name</label>
                                    <input type="text" class="form-control" name="username1" placeholder="first name">
                                </div><!--/.form-group -->
                            </div><!--/.form-col -->
                            <div class="form-col1">
                                <div class="form-group">
                                    <label for="signin_form">last name</label>
                                    <input type="text" class="form-control" name="username2" placeholder="last name">
                                </div><!--/.form-group -->
                            </div><!--/.form-col1 -->
                            <div class="form-group">
                                <label for="signin_form">Email</label>
                                <input type="email" class="form-control" name="user_code"
                                       placeholder="enter your email here">
                            </div><!--/.form-group -->
                            <div class="form-group">
                                <label for="signin_form">password</label>
                                <input type="password" class="form-control" name="user_password" placeholder="Password">
                            </div><!--/.form-group -->
                            <div class="form-group">
                                <label for="signin_form">retype password</label>
                                <input type="password" class="form-control" name="user_password1"
                                       placeholder="Retype Password">
                            </div><!--/.form-group -->
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="signin-password">
                                        <div class="awesome-checkbox-list">
                                            <ul class="unstyled centered">

                                                <li>
                                                    <input class="styled-checkbox" id="styled-checkbox-2"
                                                           type="checkbox"
                                                           onclick="if (this.checked) {enable()} else {disable()}"
                                                           value="">
                                                    <label for="styled-checkbox-2">accept our terms &
                                                        condition</label> </input>
                                                </li>

                                                <li></li>

                                            </ul>
                                        </div><!--/.awesome-checkbox-list -->
                                    </div><!--/.signin-password -->
                                </div><!--/.col -->
                            </div><!--/.row -->


                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="signin-footer">
                                        <input type="submit" class="btn signin_btn" id="accept" disabled="true"
                                               value="sign up"/>
                                        <p>
                                            already member ?
                                            <a href="index.jsp">sign in</a>
                                        </p>
                                    </div><!--/.signin-footer -->
                                </div><!--/.col-->
                            </div><!--/.row -->

                        </form><!--/form -->
                    </div><!--/.signin-form -->
                </div><!--/.col -->
            </div><!--/.row -->


        </div><!--/.sign-content -->


</section><!--/.signin -->

<!-- signin end -->

<!--footer copyright start -->
<footer class="footer-copyright">
    <div id="scroll-Top">
        <i class="fa fa-angle-double-up return-to-top" id="scroll-top" data-toggle="tooltip" data-placement="top"
           title="" data-original-title="Back to Top" aria-hidden="true"></i>
    </div><!--/.scroll-Top-->

</footer><!--/.hm-footer-copyright-->
<!--footer copyright  end -->


<!-- Include all js compiled plugins (below), or include individual files as needed -->

<script src="assets/js/jquery.js"></script>

<!--modernizr.min.js-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>

<!--bootstrap.min.js-->
<script src="assets/js/bootstrap.min.js"></script>

<!-- bootsnav js -->
<script src="assets/js/bootsnav.js"></script>

<!-- jquery.sticky.js -->
<script src="assets/js/jquery.sticky.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>


<!--Custom JS-->
<script src="assets/js/custom.js"></script>

</body>

</html>
